* {
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}

header {
	width: 100%;
	height: 100px;
	background-color: #e1e1e1;
}

.header {
	width: 1000px;
	height: 100px;
	background-color: #53545e;
	margin: 0 auto;
}

.header img {
	float: left;
	margin-top: 35px;
	margin-left: 30px;
}

.header p {
	text-align: right;
	font-size: 16px;
	color: #f1f1f1;
	padding-right: 48px;
	padding-top: 50px;
}

.header a {
	color: #a6a7b0;
	text-decoration: none;
}

.box {
	width: 100%;
	background-color: #f1f1f1;
}

.banner {
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;
}

.banner img {
	margin-top: 40px;
	margin-left: 40px;
	width: 920px;
}

.banner h3 {
	margin-left: 40px;
	margin-top: 15px;
	font-size: 27px;
	color: #53545e;
}

.banner p {
	margin: 17px 40px;
	color: #bfc0c3;
	font-size: 24px;
	font-weight: 300;
	line-height: 31px;
}

.banner .chk {
	margin-left: 40px;
	width: 125px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background-color: #53545e;
	margin-bottom: 35px;

}

.banner .chk a {
	color: #fff;
	text-decoration: none;
	font-size: 21px;
}

.banner hr,
.ad hr,
.foot hr{
	width: 92%;
	margin: 0 auto;
	background-color: #eaeaea;
}

.item {
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
}

.item ul,
.blog ul {
	list-style: none;
	margin-top: 30px;
}

.item img {
	width: 435px;
	margin-top: 10px;
	margin-left: 40px;
}

.item ul:nth-of-type(2) img {
	margin-right: 40px;
}

.item ul li:nth-child(2),
.blog ul li:nth-child(1) {
	margin-left: 40px;
	margin-top: 15px;
	font-size: 27px;
	color: #53545e;
}

.item ul li:nth-child(3),
.blog ul li:nth-child(2) {
	margin: 17px 40px;
	color: #bfc0c3;
	font-size: 24px;
	font-weight: 300;
	line-height: 31px;
}

.item ul li:nth-child(4),
.blog ul li:nth-child(3) {
	margin-left: 40px;
	width: 125px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background-color: #53545e;
	margin-bottom: 35px;
}

.item ul li:nth-child(4) a,
.blog ul li:nth-child(3) a {
	color: #fff;
	text-decoration: none;
	font-size: 21px
}

.ad {
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;
}

.space {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.space ul {
	list-style: none;
	width: 250px;
	height: 250px;
	background-color: #dedede;
	margin-top: 40px;
	margin-left: 40px;
}

.space ul:nth-of-type(3) {
	margin-right: 40px;
	margin-bottom: 40px;
}

.space ul li {
	color: #b4b4b4;
	text-align: center;
	font-size: 26px;
	margin-left: 10px;
}

.space ul li:nth-child(1) {
	margin-top: 95px;
}
.blog{
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;
}
.blog ul:nth-of-type(2){
	height: 245px;
}
footer{
	width: 100%;
	height: 550px;
	background-color: #e1e1e1;
}
.icon{
	width: 1000px;
	margin: 0 auto;
	height: 100px;
	background-color: #fff;
}
.icon .icon-opy{
	width: 1000px;
	height: 100px;
	background-color: rgba(225,225,225, .3);
}
.icon .icon-opy h4{
	font-size: 26px;
	line-height: 100px;
	color: #53545e;
	margin-left: 40px;
	float: left;
}
.icon .icon-opy img{
	width: 48px;
	height: 48px;
	margin-top: 22px;
	margin-right: 15px;
}
.icon .icon-opy a:nth-of-type(1){
	margin-left: 105px;
}
.foot{
	width: 1000px;
	margin: 0 auto;
	height: 300px;
	background-color: #53545e;
	margin-bottom: 200px;
	
}
.foot .foot-flex{
	display: flex;
	justify-content: space-between;
}
.foot .foot-flex ul{
	list-style: none;
	margin-left: 40px;
	margin-right: 55px;
	margin-top: 45px;
	margin-bottom: 40px;
}
.foot .foot-flex ul li a{
	color: #fff;
	font-size: 22px;
	font-weight: 300;
	line-height: 35px;
	text-decoration: none;
}
.foot .foot-flex ul li a:hover{
	color: red;
}
.foot-flex ul:nth-of-type(2) li{
	text-indent: 20px;
	background: url(../img/icon9.png) no-repeat left center;
}
.foot h5{
	margin-left: 40px;
	float: left;
	line-height: 65px;
	color: #a0a1ab;
	font-size: 18px;
	font-weight: 400;
}
.foot h5 span{
	color: #fff;
}
.foot p{
	text-align: right;
	margin-right: 40px;
	line-height: 65px;
	color: #a0a1ab;
	font-size: 18px;
}